<script lang="ts" setup>
import { ref, reactive } from 'vue'
import SearchBar from '@/components/searchBar/index.vue'
import { useRouter } from 'vue-router'

const router = useRouter()

const jumpTo = (path: string) => {
	router.replace({ path: `/${path}` })
}
</script>

<template>
	<div class="home-container flex flex-col items-center">
		<div class="home-logo cursor-pointer" @click="jumpTo('home')">
			<img class="w-full h-full" src="src/static/logo.png" alt="logo" />
		</div>
		<SearchBar search-title="搜索" />
	</div>
</template>

<style scoped lang="scss">
@import './style.scss';
</style>
